<template>
    <div class="AboutSoft_div">
        <div class="components_title">
            <TitleTop>
            </TitleTop>

            <TitleMenu>
                <div slot="titleMenu_ico" @click="$router.go(-1)">
                    <div class="title_left_ico">
                        <a-icon type="left" class="Group_ico" theme="outlined" />
                    </div>
                    <div class="title_left_text">返回</div>
                </div>
                <div slot="titleMenu_text" class="Homework_titleMenu_text">
                    <span>关于软件</span>
                </div>
                <div slot="titleMenu_add">
                    <a-icon type="sync" style="font-size: 7vw;" theme="outlined" />
                </div>
            </TitleMenu>
        </div>
        <div id="AboutSoft_content" class="content_104class">
            <ul id="AboutSoft_ul">
                <li class="AboutSoft_li">
                    <a-row class="AboutSoft_ul_row">
                        <a-col :span="7" class="AboutSoft_li_left">
                                IMEI
                        </a-col>

                        <a-col :span="15" class="AboutSoft_li_center">
                            <div class="AboutSoft_li_topText">
                                {{showImei}}
                            </div>

                        </a-col>

                        <a-col :span="2" class="AboutSoft_li_right">
                            <div class="AboutSoft_li_rightText">

                            </div>
                        </a-col>
                    </a-row>
                </li>

                <li class="AboutSoft_li">
                    <a-row class="AboutSoft_ul_row">
                        <a-col :span="7" class="AboutSoft_li_left">
                            本机号码
                        </a-col>

                        <a-col :span="15" class="AboutSoft_li_center">
                            <div class="AboutSoft_li_topText">
                               {{showPhone}}
                            </div>

                        </a-col>

                        <a-col :span="2" class="AboutSoft_li_right">
                            <div class="AboutSoft_li_rightText">

                            </div>
                        </a-col>
                    </a-row>
                </li>

                <li class="AboutSoft_li">
                    <a-row class="AboutSoft_ul_row">
                        <a-col :span="7" class="AboutSoft_li_left">
                            版本号
                        </a-col>

                        <a-col :span="15" class="AboutSoft_li_center">
                            <div class="AboutSoft_li_topText">
                                {{showVersion}}
                            </div>
                        </a-col>

                        <a-col :span="2" class="AboutSoft_li_right">
                            <div class="AboutSoft_li_rightText">
                            </div>
                        </a-col>
                    </a-row>
                </li>
                
            </ul>
        </div>
        <FooterChaanel></FooterChaanel>
    </div>
</template>
<style>
    #AboutSoft_ul{
        padding: 1vw 2vw 10vw 2vw;
        margin: 0;

    }
    .AboutSoft_li  {
        width: 96vw;
        height: 16vw;
        margin:0 ;
        list-style: none;
        float: left;
    }
    .AboutSoft_ul_row{
        width: 96vw;
        height: 16vw;
        border-bottom: 0.2vw solid lightgray;
    }
    .AboutSoft_li_left{
        font-size: 6vw;
        height: 16vw;
        line-height: 16vw;
        font-family: "SimHei";
        text-align: left;
    }
    .AboutSoft_li_center{
        height: 16vw;
        text-align: right;
    }
    .AboutSoft_li_topText{
        height: 16vw;
        line-height: 16vw;
        font-family: "Microsoft YaHei";
        font-size: 5vw;
        color: grey;
    }
    .AboutSoft_li_right{
        height: 16vw;
        line-height: 16vw;
        text-align: left;
        font-size: 4vw;
        font-family: "Microsoft YaHei";
        color: gray;
        padding: 0 2vw 0 0vw;
        width: 8vw;
    }
</style>
<script>
    import TitleTop from './../components/TitleTop'
    import TitleMenu from  './../components/TitleMenu'
    import ARow from "ant-design-vue/es/grid/Row";
    import ACol from "ant-design-vue/es/grid/Col";
    import FooterChaanel from "../components/FooterChaanel";
    export default {
        name: "AboutSoft",
        components:{FooterChaanel, ACol, ARow, TitleTop,TitleMenu},
        mounted(){
            this.getShowVersion();
        },
        data() {
            return {
                msg: 'hello vue',
                showImei:localStorage.getItem("gis4_imei")?localStorage.getItem("gis4_imei"):"未获取",
                showPhone:localStorage.getItem("gis4_phone")?localStorage.getItem("gis4_phone"):"未获取",
                myVersion:localStorage.getItem("gis4_appVersion")?localStorage.getItem("gis4_appVersion"):"未获取",
                showVersion:''
            }
        },methods:{
            getShowVersion(){
                let s1 = this.myVersion.substring(0,1);//取前半部分10521
                let s2 = this.myVersion.substring(1,3);
                let s3 = this.myVersion.substring(3,5);
                this.showVersion = "V"+s1+"."+s2+"."+s3;


            }
        }
    }
</script>

